<!DOCTYPE html>
<html>

<head>
    <title>Home</title>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <!--theme-style-->
    
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <!--//theme-style-->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script type="application/x-javascript">
    addEventListener("load", function() {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    }
    </script>
    <!--fonts-->
    <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Passion+One:400,700,900' rel='stylesheet' type='text/css'>
    <!--//fonts-->
    <script src="js/responsiveslides.min.js"></script>
    <script>
    // You can also use "$(window).load(function() {"
    $(function() {
        $("#slider2").responsiveSlides({
            auto: true,
            pager: true,
            speed: 300,
            namespace: "callbacks",
        });
    });
    </script>
</head>

<body>
    <!--header-->
    <div class="header">
        <div class="header-top">
            <div class="container">
                <p class="header-para">Free Shipping on orders over $50 USD</p>
                <ul class="sign">
                    <li><a href="signin.html">SIGN IN</a></li>
                    <li><a href="#"><span > </span></a></li>
                </ul>
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="header-bottom-top">
            <div class="container">
                <div class="search">
                    <input type="text" value="Search website" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
                    <input type="submit" value="">
                </div>
                <div class="clearfix"> </div>
                <div class="header-bottom">
                    <div class="logo">
                        <a href="index.html"><img src="images/log.png" alt=" " /></a>
                    </div>
                    <div class="top-nav">
                        <span class="menu"> </span>
                        <ul>
                            <li><a href="index.html" class="scroll">首页</a></li>
                            <li><a href="about.html" class="scroll">协会介绍</a></li>
                            <li><a href="teams.html" class="scroll">荣誉资质</a></li>
                            <li class="active"><a href="products.html" class="scroll">产品展示</a></li>
                            <li><a href="sports.html" class="scroll">协会活动 </a></li>
                            <li><a href="contact.html" class="scroll">基地管理</a></li>
                        </ul>
                        <!--script-->
                        <script>
                        $("span.menu").click(function() {
                            $(".top-nav ul").slideToggle(500, function() {});
                        });
                        </script>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>
        </div>
    </div>
    <!--content-->
    <!----start-gallery---->
    <div id="gal" class="gallery">
        <div class="container">
            <div class="head">
                <h3>产品展示</h3>
            </div>
            <div class="gallery-grids">
                <div class="gallery-grids-row1">
                    <div class="gallery-grid gallery-grid3">
                        <a href="#" class="b-link-stripe b-animate-go  thickbox">
                            <img class="img-responsive port-pic" src="images/g1.jpg" />
                            <div class="b-wrapper">
                                <h2 class="b-animate b-from-left b-delay03 ">
										<span class="product-title">产品展示</span>
										<p class="product-desc">产品简介产品简介产品简介产品简介产品简介产品简介产品简介产品简介产品简介</p>
										<button>查看详情</button>
									</h2>
                            </div>
                        </a>
                    </div>
                    <div class="gallery-grid gallery-grid1">
                        <a href="#" class="b-link-stripe b-animate-go  thickbox">
                            <img class="img-responsive port-pic" src="images/g2.jpg" />
                            <div class="b-wrapper">
                                <h2 class="b-animate b-from-left    b-delay03 ">
										<span> SPORTS</span>
										<button>View photo</button>
									</h2>
                            </div>
                        </a>
                    </div>
                    <div class="gallery-grid gallery-grid2">
                        <a href="#" class="b-link-stripe b-animate-go  thickbox">
                            <img class="img-responsive port-pic" src="images/g3.jpg" />
                            <div class="b-wrapper">
                                <h2 class="b-animate b-from-left    b-delay03 ">
										<span> SPORTS</span>
										<button>View photo</button>
										
									</h2>
                            </div>
                        </a>
                    </div>
                    <div class="gallery-grid gallery-grid2">
                        <a href="#" class="b-link-stripe b-animate-go  thickbox">
                            <img class="img-responsive port-pic" src="images/g4.jpg" />
                            <div class="b-wrapper">
                                <h2 class="b-animate b-from-left    b-delay03 ">
										<span> SPORTS</span>
										<button>View photo</button>
										
									</h2>
                            </div>
                        </a>
                    </div>
                    <div class="gallery-grid  gallery-grid1">
                        <a href="#" class="b-link-stripe b-animate-go  thickbox">
                            <img class="img-responsive port-pic" src="images/g2.jpg" />
                            <div class="b-wrapper">
                                <h2 class="b-animate b-from-left    b-delay03 ">
										<span> SPORTS</span>
										<button>View photo</button>
										
									</h2>
                            </div>
                        </a>
                    </div>
                    <div class="gallery-grid  gallery-grid3">
                        <a href="#" class="b-link-stripe b-animate-go  thickbox">
                            <img class="img-responsive port-pic" src="images/g1.jpg" />
                            <div class="b-wrapper">
                                <h2 class="b-animate b-from-left    b-delay03 ">
										<span> SPORTS</span>
										<button>View photo</button>
										
									</h2>
                            </div>
                        </a>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>
            <a class="view-gallery-btn" href="#">View all</a>
        </div>
    </div>
    <!----//End-gallery---->
    <!--content-->
    <!--footer-->
    <div class="footer">
        <div class="container">
            <div class="foter-bottom">
                <p class="footer-grid">Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                <div class=" nav-top">
                    <ul>
                        <li class="active"><a href="index.html" class="scroll">Home</a></li>
                        <li><a href="about.html" class="scroll"> About</a></li>
                        <li><a href="teams.html" class="scroll">Team</a></li>
                        <li><a href="services.html" class="scroll">Services</a></li>
                        <li><a href="sports.html" class="scroll">Sports </a></li>
                        <li><a href="contact.html" class="scroll">Contact</a></li>
                    </ul>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>
    <div style="display:none">
        <script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script>
    </div>
</body>

</html>
